<template>
    <div class="container">
        <Menubar/>
        <div class="center flex-start-row">
            <Viewport />
            <Sidebar />
        </div>
        <Toolbar/>
    </div>
</template>
<script lang="ts" setup>
</script>
<style lang="scss" scoped type="text/css">
.container{
    width:100vw;
    height:100vh;
}

.center{
    width: 100%;
    height: calc(100% - $menubar_height);
    position: absolute;
    top: $menubar_height;
    left: 0;
}
</style>